Ext.define('dg.view.usuarios.GridUsuarios', {
    extend: 'Ext.grid.Panel',

    alias:'widget.gridusuarios',

    initComponent: function (){

        var _store = Ext.create('dg.store.usuarios.StoreUsuarios');

        Ext.apply( this,{
            store: _store,
            columns:[
                {xtype: 'rownumberer'},
                { header:' ', dataIndex:'genero', width:40, renderer: function (g){
                    if(g==1){
                        return '<img src="img/img_16/boss_business_man_user_icon.png">';
                    }
                    return '<img src="img/img_16/girl_lady_user_woman_icon.png">';
                }
                },
                { header:'Nombre', dataIndex:'nombre', flex: 1, renderer: this.rendererNombre},
                { header:'Apellidos', dataIndex:'apellidos', width:120, hidden: true},
                { header:'Email', dataIndex:'email', width:150},
                { header:'Nacimiento', dataIndex:'fecha_nacimiento', width:150, renderer: Ext.util.Format.dateRenderer("d-m-Y")},
                { header:'Rol', dataIndex:'rol', width:100}
            ],
            dockedItems: [{
                xtype: 'pagingtoolbar',
                store: _store,   // same store GridPanel is using
                dock: 'bottom',
                displayInfo: true
            }]

        });

        this.callParent( arguments );
    },

    rendererNombre: function (valordatindex, apMetaCSS, record){
        return "<b>"+valordatindex+"</b> "+record.data.apellidos;
    }
});